<!DOCTYPE html>
<html>

	<head lang="en">
		<meta charset="UTF-8">
		<meta http-equiv="Expires" content="0">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-control" content="no-cache">
		<meta http-equiv="Cache" content="no-cache">
		<title>广告投放-代理商</title>
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" id="favicon">

		<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="modules/agent/agTrade/agTrade.css" />
		<link rel="stylesheet" href="../../oem/css/common.css" />
		<style>
			.ng-hide{display: none;}
		</style>
	</head>

	<body>
		<div class="nav_top">
			<div class="logo fl" id="logo">
			</div>
			<ul class="nav_list fl">

				<li>
					<a href="agentIndex.html">首页</a>
				</li>

				<li>

					<a href="active.html" class="toFirstSub">投放管理</a>
					<ul class="nav_dropdown" style="width: 1903px;">

						<li>
							<a href="active.html">活动管理</a>
						</li>

						<li>
							<a href="order.html">订单管理</a>
						</li>

						<li>
							<a href="creative.html">素材信息</a>
						</li>

						<li>
							<a href="audiences.html">监测管理</a>
						</li>

					</ul>
				</li>

				<li>

					<a href="baoBiao.html" class="toFirstSub active">报表中心</a>
					<ul class="nav_dropdown" style="width: 1903px;">

						<li>
							<a href="baoBiao.html">效果报表</a>
						</li>

						<!--<li>
							<a href="change.html">合约交易报表</a>
						</li>-->
						<li ng-if="permission.view['合约报表'].sub['效果报表']" class="ng-scope">
							<a href="./heyuebaobiao.html" ui-sref-active="active" ui-sref="agent.report.effect({'activeID':'0','activeName':'0','orderID':'0','orderName':'0'})" class="">合约报表</a>
						</li>
					</ul>
				</li>

				<li>
					<a href="baseInfo.html" class="toFirstSub">系统管理</a>
					<ul class="nav_dropdown" style="width: 1903px;">

						<li>
							<a href="baseInfo.html">基本信息</a>
						</li>

						<li>
							<a href="qualifications.html">资质管理</a>
						</li>

					</ul>
				</li>

				<li>

					<a href="caiwu.html" class="toFirstSub">财务管理</a>
					<ul class="nav_dropdown" style="width: 1903px;">

						<li>
							<a href="caiwu.html">财务信息</a>
						</li>

					</ul>
				</li>

			</ul>
			<div class="user">
				<div class="user-avatar"></div>
				<div class="user-info">
					<p></p>
					<p></p>
				</div>
				<ul class="user-list">
					<li></li>
					<li>退出登录</li>
				</ul>
			</div>
		</div>
		<div class="reportEff-page page ng-scope">
			<h3 class="page-title">效果报表</h3>
			<div class="search-box">
				<div class="search">
					<input id="searchRalename1" class="form-control ng-pristine ng-untouched" type="text" placeholder="活动名称查询">
					<i class="search-icon clickFunc1"></i>
				</div>
				<div class="search">
					<input id="searchRalename2" class="form-control ng-pristine ng-untouched" type="text" placeholder="订单名称查询">
					<i class="search-icon clickFunc2"></i>
				
				</div>

				<div class="fr">
					<div class="filter-box dateBox">
						<div class="dropdown dropdown-date ng-isolate-scope" callback="chooseDate">
							<button class="btn btn-default dropdown-toggle tody_btn" type="button" data-toggle="dropdown">
										
									</button>
							<span class="caret"></span>
							<ul class="dropdown-menu wr">

								<li onclick="selectDate(1,this)">
									<a href="javascript:;" class="tody_day"></a>
								</li>
								<li onclick="selectDate(2,this)">
									<a href="javascript:;" class="yesterday_day"></a>
								</li>
								<li onclick="selectDate(3,this)">
									<a href="javascript:;" class="lastWeek_day"></a>
								</li>
								<li onclick="selectDate(4,this)">
									<a href="javascript:;" class="lastTwo_day"></a>
								</li>
								<li class="li_time">
									<a href="javascript:;" class="cl">
										<span class="fl">
												 	<input type="text" class="endTime" id="test1" placeholder="开始时间..">	
												 	<i class="icon_time"></i>
												</span>
										<em class="fl">-</em>
										<span class="fl">
													 <input type="text" class="endTime" id="test2" placeholder="结束时间..">
													<i class="icon_time"></i>
												</span>
										<span class="fl">
													<input onclick="selectDate(5,this)" type="button" value="确认选择" class="affirm">
												</span>
									</a>
								</li>
							</ul>
						</div>

					</div>
				</div>
			</div>

			<div class="tabs-box" style="padding-top: 20px;text-align: center;">

				<ul class="nav nav-tabs" id="allReports">
					
					<li class="active" data-index="1">
						<a>投放报表</a>
					</li>
					
					<li data-index="2">
						<a>媒体报表</a>
					</li>
					
					<li data-index="3">
						<a>场景报表</a>
					</li>
					
				</ul>
				<div class="tab-content">
					<div class="report report1" >
						<ul class="tab-content-tab">		
							<li class="active" data-index="0">
								<a>活动报表</a>
							</li>
							
							<li data-index="1">
								<a>订单报表</a>
							</li>
							
							<li data-index="2">
								<a>素材报表</a>
							</li>
							
							<li data-index="3">
								<a>时间报表</a>
							</li>
							
							<li data-index="4">
								<a>地域报表</a>
							</li>
							
						</ul>

					</div>
					<div class="report report2 ng-hide" >
						<ul class="tab-content-tab">
							
							<li class="active" data-index="5">
								<a>媒体报表</a>
							</li>
							
				
							
						</ul>
					</div>
					<div class="report report3 ng-hide">
						<ul class="tab-content-tab">
							<li class="active" data-index="6">操作系统报表</li>
						</ul>
					</div>
					<!--<div>
						<div class="search-chart cl">
							<div class="form-group fr">
								<label>线状指示</label>
								<div class="dropdown dropdown-filter ng-isolate-scope">
									<button class="btn btn-default dropdown-toggle cl" data-toggle="dropdown">       
										<span style="width: 55%; display: inline-block;" class="ng-binding">曝光量</span>   
										                     
									</button> 
									<span class="caret"></span>
									<ul class="dropdown-menu">
										
										<li class="cl">
											<a href="javascript:;">点击量</a>
										
											
										</li>
								
										<li class="cl">
											<a href="javascript:;">点击率</a>
											
										</li>
										
										<li class="cl">
											<a href="javascript:;">曝光量</a>
										</li>
										
										<li class="cl">
											<a href="javascript:;">转化</a> 
										</li>
										
										<li class="cl">
											<a href="javascript:;">转化率</a>
											
										</li>
										
										<li class="cl">
											<a href="javascript:;">cpm</a>
										</li>
										
										<li class="cl">
											<a href="javascript:;">cpc</a>
										</li>
										
									</ul>
								</div>
							</div>
							<div class="form-group fr">
								<label>柱状指示</label>
								<div class="dropdown dropdown-filter ng-isolate-scope"  > 
									<button class="btn btn-default dropdown-toggle cl" data-toggle="dropdown">   
										<span style="width: 55%; display: inline-block;" class="ng-binding">点击量</span>   
									                    
									</button>
									<span class="caret"></span>
									<ul class="dropdown-menu">
										
										<li class="cl">
											<a href="javascript:;">点击量</a> 
											
										</li>
										
										<li class="cl">
											<a href="javascript:;">点击率</a> 
										</li>
										
										<li class="cl">
											<a href="javascript:;">曝光量</a>
										</li>
									
										<li class="cl">
											<a href="javascript:;">转化</a>
										</li>
										
										<li class="cl">
											<a href="javascript:;">转化率</a> 
											
										</li>
										
										<li class="cl">
											<a href="javascript:;">cpm</a>
										</li>
									
										<li class="cl">
											<a href="javascript:;">cpc</a> 
										</li>
										
									</ul>
								</div>
							</div>
						</div>
					</div>-->
					<!--<div class="chart" id="chart" ng-hide="isReportHide" _echarts_instance_="ec_1552381438887" style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;">
						<div style="position: relative; overflow: hidden; width: 1787px; height: 360px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;">
							
						<div class="chart" id="main" style=" width: 1609px; height: 400px;"></div>
						</div>
						<div></div>
					</div>

					<b class="glyphicon glyphicon-menu-up chart-hide" data-up="0" style="color: #5ab1ef;"></b>-->
				</div>
			</div>

			<div class="table-box">
				<div class="table-title">
					<h3 class="table-title-font ng-binding">活动报表</h3>
					<!--<div class="table-download" ng-click="download(obj)"></div>-->
					<!--<button style="margin-top: 7px;" class="btn btn-default fr">返回</button>-->
				</div>
				<table>
					<thead>
						<tr>
							<th>活动</th>
							<th>曝光量</th>
							<th>点击量</th>
							<th>点击率</th>
							<th>花费</th>
							<!--<th>到达</th>
							<th>转化</th>-->
			
							<th>CPM（元）</th>
							<th>CPC（元）</th>
		
						</tr>
					</thead>
					<tbody class="roleList">
						
						
					</tbody>
				</table>
			</div>
			<div id="pageToolbar" class="page">
					<div id="Paging" class="ui-paging-container">
						<ul>
							<li class="js-page-first js-page-action ui-pager" data-page="1">首页</li>
							<li class="js-page-prev js-page-action ui-pager" data-page="">上一页</li>
							
							
							<li class="ui-paging-toolbar">
								<span>跳转到</span><input type="text" class="ui-paging-count"> 页
								&nbsp;&nbsp;总共：<span class="js-page-total" style="color: #4A9DD2;"></span>&nbsp;&nbsp;页
								<select class="ui-select-pagesize">
									<option value="10">每页展示10条/页</option>
									<option value="20">每页展示20条/页</option>
									<option value="50">每页展示50条/页</option>
								</select></li>
							<li class="js-page-last js-page-action ui-pager" data-page="">末页</li>
							<li class="js-page-next js-page-action ui-pager" data-page="">下一页</li>
						</ul>
					</div>
				</div>
		</div>
	</body>

</html>
<script src="../res1.hubcloud.com.cn/lib/jquery/jquery.min.js"></script>
<script src="../../public/js/bootstrap.min.js"></script>
<script src="../../public/js/laydate/laydate.js"></script>
<script src="../../public/js/layui.all.js"></script>
<script src="js/js_1.js"></script>
<script src="js/baoBiao.js"></script>
<script src="js/chao.js"></script>

<script>
	$(function() {
		$('.user').on('click', function() {
			$(this).toggleClass('hover');
		})

		$('.user').mouseleave(function() {
			$(this).removeClass('hover');
		});

	})
</script>
<script src="../../oem/js/oem.js"></script>